<br style="clear: both;">

<div id="category">
{literal}
<script language="JavaScript" type="text/javascript">
	var IsRepostsClick=false;
	function gebi(id) {return document.getElementById(id);}
</script>
{/literal}
<table width="100%">
    <tbody>
		<tr>
			<td valign="top">
				<div id="RightImageScrool" onmousedown="SetScroolSpeed(20);" onmouseup="SetScroolSpeed(7);" onmouseout="StopImagesPosition();" onmousemove="SetImagesPositionRight();" class="LeftScroolOff" ></div>
			</td>
			<td width="100%" align="center">
				<div id="FoneImagesDiv" style="overflow: hidden; width: 99%; height: 137px; position: relative; z-index: 3; text-align: left;">
					<div id="NewPhotosPreview" style="position: absolute; z-index: 2; left: 0px;">
						<table id="ImagesTable" width="1000">
							<tbody>
								<tr id="OtherPhotosTr">
									<td>
										<div class="cat_image">
											<div>
												<a href="/"><img src="/res/img/index.jpg" /></a>
											</div>
											<a href="/">ГЛАВНАЯ</a>
										</div>
									</td>
									<td>
									
										{foreach from=$category item=doc}
									<td>
										<div class="cat_image">
											<div>
												<a href="/category/{$doc.id}.html"><img src="/res/img/category/{$doc.thumb}" /></a>
											</div>
												<a href="/category/{$doc.id}.html">{$doc.name}</a>
											
										</div>
									</td>
										{/foreach}
									<td>
										<div class="cat_image">
											<div>
												<a href="/services/"><img src="/res/img/services.jpg" /></a>
											</div>
											<a href="/services/">УСЛУГИ</a>
										</div>
									</td>
									<td>
										<div class="cat_image">
											<div>
												<a href="/price/"><img src="/res/img/price.jpg" /></a>
											</div>
											<a href="/price/">ПРАЙС</a>
										</div>
									</td>
									<td>
										<div class="cat_image">
											<div>
												<a href="/guestbook/"><img src="/res/img/guestbook.jpg" /></a>
											</div>
											<a href="/guestbook/">ГОСТЕВАЯ</a>
										</div>
									</td>
									<td>
										<div class="cat_image">
											<div>
												<a href="/contacts/"><img src="/res/img/contacts.jpg" /></a>
											</div>
											<a href="/contacts/">КОНТАКТЫ</a>
										</div>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</td>
			<td valign="top">
				<div id="LeftImageScrool" onmousedown="SetScroolSpeed(20);" onmouseup="SetScroolSpeed(7);" onmouseout="StopImagesPosition();" onmousemove="SetImagesPositionLeft();" class="RightScroolOff"></div>
			</td>
		</tr>
	</tbody>
</table>
</div>
{literal}
<script language="javascript" type="text/javascript">

var PlaySpeed=20, ScroolStep=7, CheckSpeed=500;

var SelPhotoN = 0, ListTimer, CheckTimer, PhotoTabN=0;

function ToRightImagesPosition() {
    if (gebi("NewPhotosPreview").offsetLeft+ScroolStep>0){
        StopImagesPosition();
        gebi("NewPhotosPreview").style.left='0px';
        LoadNewPhotos("right");
    }else{
        gebi("NewPhotosPreview").style.left=(gebi("NewPhotosPreview").offsetLeft+ScroolStep)+'px';
        if (gebi("NewPhotosPreview").offsetLeft>gebi("FoneImagesDiv").offsetWidth-gebi("NewPhotosPreview").offsetWidth){gebi("LeftImageScrool").style.visibility="";};
    }
}
function SetImagesPositionRight() {
  if (IsMovie==false){
    StopImagesPosition();
    gebi("RightImageScrool").className="LeftScroolOn";
    ListTimer=window.setInterval("ToRightImagesPosition()", PlaySpeed);
    IsMovie=true;
  }
  return false;
}

function ToLeftImagesPosition() {
    if (gebi("NewPhotosPreview").offsetLeft-ScroolStep<gebi("FoneImagesDiv").offsetWidth-gebi("NewPhotosPreview").offsetWidth)
    {
        StopImagesPosition();
        gebi("NewPhotosPreview").style.left=gebi("FoneImagesDiv").offsetWidth-gebi("NewPhotosPreview").offsetWidth+'px';
        LoadNewPhotos("left");
    }else{
        gebi("NewPhotosPreview").style.left=(gebi("NewPhotosPreview").offsetLeft-ScroolStep)+'px';
        if (gebi("NewPhotosPreview").offsetLeft<0){gebi("RightImageScrool").style.visibility="";};
    }
}

function SetImagesPositionLeft() {
  if (IsMovie==false){
    StopImagesPosition();
    gebi("LeftImageScrool").className="RightScroolOn";
    ListTimer=window.setInterval("ToLeftImagesPosition()", PlaySpeed);
    IsMovie=true;
  }
  return false;
}

function StopImagesPosition() {
    if (ListTimer!=null){window.clearInterval(ListTimer);}
    ListTimer=null;
    gebi("RightImageScrool").className="LeftScroolOff";
    gebi("LeftImageScrool").className="RightScroolOff";
    ScroolStep=7;
    IsMovie=false;
    return false;
}

function SetScroolSpeed(NewSpeed) {
    ScroolStep=NewSpeed;
    return false;
}
</script>
{/literal}

{if $page.video}
<br /><br /><br />
<object height="400" width="100%" data="/res/img/category/{$page.video}" type="application/x-shockwave-flash"><param value="/res/img/category/{$page.video}" name="movie"/><param value="high" name="quality"/><param value="transparent" name="wmode"/><param value="#ffffff" name="bgcolor"/>
</object>
{/if}